@btst/stack 1.4.0 → 1.4.1

package/dist/packages/better-stack/src/plugins/ai-chat/client/components/chat-message.mjs

@@ -5,9 +5,11 @@ import { MarkdownContent } from '../../../../../../ui/src/components/markdown-co
 import { Button } from '../../../../../../ui/src/components/button.mjs';
 import { Dialog, DialogContent, DialogTitle } from '../../../../../../ui/src/components/dialog.mjs';
 import { Bot, FileText, X, Send, Pencil, Check, Copy, RefreshCw, User } from 'lucide-react';
+import { isToolUIPart, getToolName } from 'ai';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
 import { AI_CHAT_LOCALIZATION } from '../localization/index.mjs';
+import { ToolCallDisplay } from './tool-call-display.mjs';
 import 'highlight.js/styles/panda-syntax-light.css';
 import completeMarkdown from 'remend';
 
@@ -77,7 +79,8 @@ function ChatMessage({
   const {
     Link,
     Image,
-    localization: customLocalization
+    localization: customLocalization,
+    toolRenderers
   } = usePluginOverrides(
     "ai-chat",
     {}
@@ -149,6 +152,12 @@ function ChatMessage({
     }
     return [];
   }, [message.parts]);
+  const toolParts = useMemo(() => {
+    if (message.parts && Array.isArray(message.parts)) {
+      return message.parts.filter((part) => isToolUIPart(part));
+    }
+    return [];
+  }, [message.parts]);
   const displayContent = useMemo(() => {
     if (!textContent) return "";
     if (isStreaming && !isUser) {
@@ -270,7 +279,7 @@ function ChatMessage({
                   )
                 ] })
               ) : (
-                // Assistant messages: rendered markdown + files + images
+                // Assistant messages: rendered markdown + files + images + tool calls
                 /* @__PURE__ */ jsxs("div", { className: "wrap-break-word space-y-2", children: [
                   fileParts.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: fileParts.map((part, index) => /* @__PURE__ */ jsxs(
                     "a",
@@ -298,6 +307,29 @@ function ChatMessage({
                     },
                     index
                   )) }),
+                  toolParts.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: toolParts.map((part) => {
+                    const toolName = getToolName(part);
+                    const toolCallId = part.toolCallId;
+                    const state = part.state;
+                    const input = part.input;
+                    const output = part.output;
+                    const errorText = part.errorText;
+                    const isLoading = state === "input-streaming" || state === "input-available";
+                    const toolCallProps = {
+                      toolCallId,
+                      toolName,
+                      state,
+                      input,
+                      output,
+                      errorText,
+                      isLoading
+                    };
+                    const CustomRenderer = toolRenderers?.[toolName];
+                    if (CustomRenderer) {
+                      return /* @__PURE__ */ jsx(CustomRenderer, { ...toolCallProps }, toolCallId);
+                    }
+                    return /* @__PURE__ */ jsx(ToolCallDisplay, { ...toolCallProps }, toolCallId);
+                  }) }),
                   displayContent ? /* @__PURE__ */ jsx(
                     MarkdownContent,
                     {
@@ -306,7 +338,7 @@ function ChatMessage({
                       LinkComponent: Link ?? DefaultLink,
                       ImageComponent
                     }
-                  ) : imageParts.length === 0 && fileParts.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "..." }) : null
+                  ) : imageParts.length === 0 && fileParts.length === 0 && toolParts.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "..." }) : null
                 ] })
               )
             }

package/dist/packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.cjs

@@ -0,0 +1,123 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const accordion = require('../../../../../../ui/src/components/accordion.cjs');
+const markdownContent = require('../../../../../../ui/src/components/markdown-content.cjs');
+const skeleton = require('../../../../../../ui/src/components/skeleton.cjs');
+const utils = require('../../../../../../ui/src/lib/utils.cjs');
+const lucideReact = require('lucide-react');
+
+function formatToolName(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
+}
+function getStatusIcon(state, isLoading) {
+  if (isLoading || state === "input-streaming" || state === "input-available") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" });
+  }
+  if (state === "output-error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3.5 w-3.5 text-destructive" });
+  }
+  if (state === "output-available") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 text-green-500" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wrench, { className: "h-3.5 w-3.5 text-muted-foreground" });
+}
+function getStatusLabel(state, isLoading) {
+  if (isLoading || state === "input-streaming") {
+    return "Running...";
+  }
+  if (state === "input-available") {
+    return "Executing...";
+  }
+  if (state === "output-error") {
+    return "Error";
+  }
+  if (state === "output-available") {
+    return "Complete";
+  }
+  return "Pending";
+}
+function JsonDisplay({ data, label }) {
+  if (data === void 0 || data === null) {
+    return null;
+  }
+  let jsonString;
+  try {
+    jsonString = JSON.stringify(data, null, 2);
+  } catch {
+    jsonString = String(data);
+  }
+  const markdown = `\`\`\`json
+${jsonString}
+\`\`\``;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&_.markdown-code-block]:my-0 [&_.markdown-code-block]:max-h-48 [&_.markdown-code-block_.code-content]:max-h-40 [&_.markdown-code-block_.code-content]:overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(markdownContent.MarkdownContent, { markdown, variant: "chat" }) })
+  ] });
+}
+function ToolCallDisplay({
+  toolCallId,
+  toolName,
+  state,
+  input,
+  output,
+  errorText,
+  isLoading
+}) {
+  const displayName = formatToolName(toolName);
+  const statusLabel = getStatusLabel(state, isLoading);
+  const statusIcon = getStatusIcon(state, isLoading);
+  const isComplete = state === "output-available" || state === "output-error";
+  const hasError = state === "output-error";
+  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    accordion.AccordionItem,
+    {
+      value: toolCallId,
+      className: utils.cn(
+        "!border rounded-lg overflow-hidden transition-colors",
+        hasError && "border-destructive/50",
+        !hasError && isComplete && "border-green-500/30",
+        !isComplete && "border-border/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          accordion.AccordionTrigger,
+          {
+            className: utils.cn("px-3 py-2 hover:no-underline hover:bg-muted/50"),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wrench, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate text-left", children: displayName }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground shrink-0", children: [
+                statusIcon,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: statusLabel })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionContent, { className: "px-3 pb-3 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 border-t border-border/50 pt-3", children: [
+          state === "input-streaming" && !input && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-16 w-full" })
+          ] }),
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(JsonDisplay, { data: input, label: "Input" }),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(JsonDisplay, { data: output, label: "Output" }),
+          state === "output-error" && errorText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: "Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-destructive bg-destructive/10 p-2 rounded-md", children: errorText })
+          ] }),
+          (state === "input-available" || state === "input-streaming") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-20" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-full" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: [
+            "ID: ",
+            toolCallId
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+exports.ToolCallDisplay = ToolCallDisplay;

package/dist/packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.mjs

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../../../../../../ui/src/components/accordion.mjs';
+import { MarkdownContent } from '../../../../../../ui/src/components/markdown-content.mjs';
+import { Skeleton } from '../../../../../../ui/src/components/skeleton.mjs';
+import { cn } from '../../../../../../ui/src/lib/utils.mjs';
+import { Wrench, Loader2, AlertCircle, Check } from 'lucide-react';
+
+function formatToolName(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
+}
+function getStatusIcon(state, isLoading) {
+  if (isLoading || state === "input-streaming" || state === "input-available") {
+    return /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" });
+  }
+  if (state === "output-error") {
+    return /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 text-destructive" });
+  }
+  if (state === "output-available") {
+    return /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" });
+  }
+  return /* @__PURE__ */ jsx(Wrench, { className: "h-3.5 w-3.5 text-muted-foreground" });
+}
+function getStatusLabel(state, isLoading) {
+  if (isLoading || state === "input-streaming") {
+    return "Running...";
+  }
+  if (state === "input-available") {
+    return "Executing...";
+  }
+  if (state === "output-error") {
+    return "Error";
+  }
+  if (state === "output-available") {
+    return "Complete";
+  }
+  return "Pending";
+}
+function JsonDisplay({ data, label }) {
+  if (data === void 0 || data === null) {
+    return null;
+  }
+  let jsonString;
+  try {
+    jsonString = JSON.stringify(data, null, 2);
+  } catch {
+    jsonString = String(data);
+  }
+  const markdown = `\`\`\`json
+${jsonString}
+\`\`\``;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "[&_.markdown-code-block]:my-0 [&_.markdown-code-block]:max-h-48 [&_.markdown-code-block_.code-content]:max-h-40 [&_.markdown-code-block_.code-content]:overflow-y-auto", children: /* @__PURE__ */ jsx(MarkdownContent, { markdown, variant: "chat" }) })
+  ] });
+}
+function ToolCallDisplay({
+  toolCallId,
+  toolName,
+  state,
+  input,
+  output,
+  errorText,
+  isLoading
+}) {
+  const displayName = formatToolName(toolName);
+  const statusLabel = getStatusLabel(state, isLoading);
+  const statusIcon = getStatusIcon(state, isLoading);
+  const isComplete = state === "output-available" || state === "output-error";
+  const hasError = state === "output-error";
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(
+    AccordionItem,
+    {
+      value: toolCallId,
+      className: cn(
+        "!border rounded-lg overflow-hidden transition-colors",
+        hasError && "border-destructive/50",
+        !hasError && isComplete && "border-green-500/30",
+        !isComplete && "border-border/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          AccordionTrigger,
+          {
+            className: cn("px-3 py-2 hover:no-underline hover:bg-muted/50"),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+              /* @__PURE__ */ jsx(Wrench, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate text-left", children: displayName }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground shrink-0", children: [
+                statusIcon,
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: statusLabel })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(AccordionContent, { className: "px-3 pb-3 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border/50 pt-3", children: [
+          state === "input-streaming" && !input && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full" })
+          ] }),
+          input !== void 0 && /* @__PURE__ */ jsx(JsonDisplay, { data: input, label: "Input" }),
+          state === "output-available" && output !== void 0 && /* @__PURE__ */ jsx(JsonDisplay, { data: output, label: "Output" }),
+          state === "output-error" && errorText && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-destructive uppercase tracking-wide", children: "Error" }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-destructive bg-destructive/10 p-2 rounded-md", children: errorText })
+          ] }),
+          (state === "input-available" || state === "input-streaming") && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-[10px] text-muted-foreground/50 truncate", children: [
+            "ID: ",
+            toolCallId
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { ToolCallDisplay };

package/dist/packages/ui/src/components/accordion.cjs

@@ -0,0 +1,67 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.12_@types_react-dom@19.2.3_@types_react@19.2.6__@types_re_947719a27ff11ec6f09710dd9e85efc5/node_modules/@radix-ui/react-accordion/dist/index.cjs');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Item,
+    {
+      "data-slot": "accordion-item",
+      className: utils.cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    index.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: utils.cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;

package/dist/packages/ui/src/components/accordion.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Root as Root2, Item, Header, Trigger as Trigger2, Content as Content2 } from '../../../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.12_@types_react-dom@19.2.3_@types_react@19.2.6__@types_re_947719a27ff11ec6f09710dd9e85efc5/node_modules/@radix-ui/react-accordion/dist/index.mjs';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Root2, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Trigger2,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Content2,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/plugins/ai-chat/client/components/index.cjs

@@ -5,6 +5,7 @@ const chatLayout = require('../../../../packages/better-stack/src/plugins/ai-cha
 const chatSidebar = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-sidebar.cjs');
 const chatMessage = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-message.cjs');
 const chatInput = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-input.cjs');
+const toolCallDisplay = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.cjs');
 const chatPage = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/pages/chat-page.cjs');
 const index = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/loading/index.cjs');
 const defaultError = require('../../../../packages/better-stack/src/plugins/ai-chat/client/components/shared/default-error.cjs');
@@ -19,6 +20,7 @@ exports.ChatLayout = chatLayout.ChatLayout;
 exports.ChatSidebar = chatSidebar.ChatSidebar;
 exports.ChatMessage = chatMessage.ChatMessage;
 exports.ChatInput = chatInput.ChatInput;
+exports.ToolCallDisplay = toolCallDisplay.ToolCallDisplay;
 exports.ChatPageComponent = chatPage.ChatPageComponent;
 exports.ChatLoading = index.ChatLoading;
 exports.DefaultError = defaultError.DefaultError;

package/dist/plugins/ai-chat/client/components/index.d.cts

@@ -1,4 +1,4 @@
-export { d as ChatInput, C as ChatInterface, a as ChatLayout, c as ChatMessage, b as ChatSidebar } from '../../../../shared/stack.DorMi9CZ.cjs';
+export { i as ChatInput, C as ChatInterface, e as ChatLayout, f as ChatLayoutProps, h as ChatMessage, g as ChatSidebar, j as ToolCallDisplay } from '../../../../shared/stack.DaOcgmrM.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/components/index.d.mts

@@ -1,4 +1,4 @@
-export { d as ChatInput, C as ChatInterface, a as ChatLayout, c as ChatMessage, b as ChatSidebar } from '../../../../shared/stack.DorMi9CZ.mjs';
+export { i as ChatInput, C as ChatInterface, e as ChatLayout, f as ChatLayoutProps, h as ChatMessage, g as ChatSidebar, j as ToolCallDisplay } from '../../../../shared/stack.DaOcgmrM.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/components/index.d.ts

@@ -1,4 +1,4 @@
-export { d as ChatInput, C as ChatInterface, a as ChatLayout, c as ChatMessage, b as ChatSidebar } from '../../../../shared/stack.DorMi9CZ.js';
+export { i as ChatInput, C as ChatInterface, e as ChatLayout, f as ChatLayoutProps, h as ChatMessage, g as ChatSidebar, j as ToolCallDisplay } from '../../../../shared/stack.DaOcgmrM.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FallbackProps } from 'react-error-boundary';
 import 'ai';

package/dist/plugins/ai-chat/client/components/index.mjs

@@ -3,6 +3,7 @@ export { ChatLayout } from '../../../../packages/better-stack/src/plugins/ai-cha
 export { ChatSidebar } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-sidebar.mjs';
 export { ChatMessage } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-message.mjs';
 export { ChatInput } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-input.mjs';
+export { ToolCallDisplay } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.mjs';
 export { ChatPageComponent } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/pages/chat-page.mjs';
 export { ChatLoading } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/loading/index.mjs';
 export { DefaultError } from '../../../../packages/better-stack/src/plugins/ai-chat/client/components/shared/default-error.mjs';

package/dist/plugins/ai-chat/client/index.cjs

@@ -7,6 +7,7 @@ const chatLayout = require('../../../packages/better-stack/src/plugins/ai-chat/c
 const chatSidebar = require('../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-sidebar.cjs');
 const chatMessage = require('../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-message.cjs');
 const chatInput = require('../../../packages/better-stack/src/plugins/ai-chat/client/components/chat-input.cjs');
+const toolCallDisplay = require('../../../packages/better-stack/src/plugins/ai-chat/client/components/tool-call-display.cjs');
 
 
 
@@ -17,3 +18,4 @@ exports.ChatLayout = chatLayout.ChatLayout;
 exports.ChatSidebar = chatSidebar.ChatSidebar;
 exports.ChatMessage = chatMessage.ChatMessage;
 exports.ChatInput = chatInput.ChatInput;
+exports.ToolCallDisplay = toolCallDisplay.ToolCallDisplay;