@ensembleapp/client-sdk 0.0.53 → 0.0.54

package/dist/index.js

@@ -5436,6 +5436,40 @@ function FullDisplayMode({
   }) });
 }
 
+// lib/chat/display-modes/HideToolsDisplayMode.tsx
+import { Fragment as Fragment4, jsx as jsx12 } from "react/jsx-runtime";
+function isToolCallPart(part) {
+  return part.type.startsWith("tool-") || part.type === "dynamic-tool";
+}
+function HideToolsDisplayMode({
+  sections,
+  messageId,
+  renderPart,
+  renderGroup
+}) {
+  return /* @__PURE__ */ jsx12(Fragment4, { children: sections.map((section, sectionIdx) => {
+    const visibleParts = section.parts.filter((part) => !isToolCallPart(part));
+    if (visibleParts.length === 0) return null;
+    const sectionKey = `${messageId}-section-${sectionIdx}`;
+    const children = visibleParts.map((part, partIdx) => /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: "chat-widget__hide-tools-part",
+        children: renderPart(part, `${sectionKey}-part-${partIdx}`)
+      },
+      `${sectionKey}-part-${partIdx}`
+    ));
+    if (section.type === "step") {
+      return /* @__PURE__ */ jsx12("div", { className: "chat-widget__hide-tools-section", children }, sectionKey);
+    }
+    if (section.type === "group") {
+      const groupKey = `${messageId}-group-${section.groupName}`;
+      return /* @__PURE__ */ jsx12("div", { className: "chat-widget__hide-tools-section", children: renderGroup(section.groupName, groupKey, /* @__PURE__ */ jsx12(Fragment4, { children })) }, sectionKey);
+    }
+    return null;
+  }) });
+}
+
 // lib/chat/renderers/MessageRenderer.tsx
 import React5, { useCallback as useCallback6, useMemo as useMemo4 } from "react";
 import ReactMarkdown from "react-markdown";
@@ -8905,7 +8939,7 @@ styleInject(".chat-widget__feedback {\n  display: flex;\n  align-items: center;\
 // lib/chat/components/MessageFeedback.tsx
 import { MessageSquare, MessageSquareText, ThumbsDown, ThumbsUp } from "lucide-react";
 import { useCallback as useCallback5, useEffect as useEffect4, useState as useState7 } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var classNames = {
   wrapper: "chat-widget__feedback-wrapper",
   container: "chat-widget__feedback",
@@ -9024,7 +9058,7 @@ var MessageFeedback = ({
   const CommentIcon = hasComment ? MessageSquareText : MessageSquare;
   return /* @__PURE__ */ jsxs10("div", { className: classNames.wrapper, children: [
     /* @__PURE__ */ jsxs10("div", { className: classNames.container, children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -9033,10 +9067,10 @@ var MessageFeedback = ({
           disabled: isSubmitting,
           title: "Good response",
           "aria-label": "Mark as good response",
-          children: /* @__PURE__ */ jsx12(ThumbsUp, { className: classNames.icon })
+          children: /* @__PURE__ */ jsx13(ThumbsUp, { className: classNames.icon })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -9045,10 +9079,10 @@ var MessageFeedback = ({
           disabled: isSubmitting,
           title: "Could be improved",
           "aria-label": "Mark as could be improved",
-          children: /* @__PURE__ */ jsx12(ThumbsDown, { className: classNames.icon })
+          children: /* @__PURE__ */ jsx13(ThumbsDown, { className: classNames.icon })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -9057,14 +9091,14 @@ var MessageFeedback = ({
           disabled: isSubmitting,
           title: "Add comment",
           "aria-label": "Add comment",
-          children: /* @__PURE__ */ jsx12(CommentIcon, { className: classNames.icon })
+          children: /* @__PURE__ */ jsx13(CommentIcon, { className: classNames.icon })
         }
       )
     ] }),
     showCommentBox && /* @__PURE__ */ jsxs10("div", { className: classNames.commentSection, children: [
-      /* @__PURE__ */ jsx12("div", { className: classNames.commentHeader, children: isCommentRequired && /* @__PURE__ */ jsx12("span", { className: classNames.commentRequired, children: "Required" }) }),
+      /* @__PURE__ */ jsx13("div", { className: classNames.commentHeader, children: isCommentRequired && /* @__PURE__ */ jsx13("span", { className: classNames.commentRequired, children: "Required" }) }),
       /* @__PURE__ */ jsxs10("div", { className: classNames.commentBody, children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "textarea",
           {
             className: classNames.textarea,
@@ -9075,7 +9109,7 @@ var MessageFeedback = ({
           }
         ),
         /* @__PURE__ */ jsxs10("div", { className: classNames.actions, children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -9085,7 +9119,7 @@ var MessageFeedback = ({
               children: "Save"
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -9105,7 +9139,7 @@ styleInject('.tag-group {\n  margin: 6px 0;\n}\n.tag-group-header {\n  display:
 
 // lib/chat/components/TagGroupDisplay.tsx
 import { ChevronRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function TagGroupDisplay({
   tagId,
   isExpanded,
@@ -9121,18 +9155,18 @@ function TagGroupDisplay({
         "aria-expanded": isExpanded,
         type: "button",
         children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             ChevronRight,
             {
               className: `tag-group-chevron ${isExpanded ? "tag-group-chevron--expanded" : ""}`,
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsx13("span", { className: "tag-group-label", children: tagId })
+          /* @__PURE__ */ jsx14("span", { className: "tag-group-label", children: tagId })
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx13("div", { className: "tag-group-content", role: "region", children })
+    isExpanded && /* @__PURE__ */ jsx14("div", { className: "tag-group-content", role: "region", children })
   ] });
 }
 
@@ -9141,13 +9175,13 @@ styleInject(".tool-call-item {\n  font-size: 13px;\n  color: var(--chat-text-mut
 
 // lib/chat/components/ToolCallDisplay.tsx
 import { useState as useState8 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function CollapsibleSection({ label, content }) {
   const [isCollapsed, setIsCollapsed] = useState8(false);
   return /* @__PURE__ */ jsxs12("div", { className: "tool-call-section", children: [
-    /* @__PURE__ */ jsx14("div", { className: "tool-call-section-label", children: label }),
+    /* @__PURE__ */ jsx15("div", { className: "tool-call-section-label", children: label }),
     /* @__PURE__ */ jsxs12("div", { className: "tool-call-section-content-wrapper", children: [
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           className: "tool-call-section-toggle",
@@ -9156,7 +9190,7 @@ function CollapsibleSection({ label, content }) {
           children: isCollapsed ? "SHOW" : "HIDE"
         }
       ),
-      /* @__PURE__ */ jsx14("div", { className: `tool-call-section-content ${isCollapsed ? "collapsed" : ""}`, children: /* @__PURE__ */ jsx14("pre", { children: formatOutput(content) }) })
+      /* @__PURE__ */ jsx15("div", { className: `tool-call-section-content ${isCollapsed ? "collapsed" : ""}`, children: /* @__PURE__ */ jsx15("pre", { children: formatOutput(content) }) })
     ] })
   ] });
 }
@@ -9175,13 +9209,13 @@ function ToolCallDisplay({ toolPart, className = "" }) {
   const canExpand = hasInput || hasOutput;
   const renderStatusIcon = () => {
     if (isLoading) {
-      return /* @__PURE__ */ jsx14("span", { className: "tool-call-spinner" });
+      return /* @__PURE__ */ jsx15("span", { className: "tool-call-spinner" });
     }
     const borderClass = hasFailed ? "tool-call-status-icon--error" : "";
-    return /* @__PURE__ */ jsx14("span", { className: `tool-call-status-icon ${borderClass}`, children: hasFailed ? /* @__PURE__ */ jsxs12("svg", { className: "tool-call-status-icon__inner tool-call-status-icon__inner--error", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [
-      /* @__PURE__ */ jsx14("line", { x1: "5", y1: "5", x2: "11", y2: "11" }),
-      /* @__PURE__ */ jsx14("line", { x1: "11", y1: "5", x2: "5", y2: "11" })
-    ] }) : /* @__PURE__ */ jsx14("svg", { className: "tool-call-status-icon__inner tool-call-status-icon__inner--success", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx14("polyline", { points: "4,8 7,11 12,5" }) }) });
+    return /* @__PURE__ */ jsx15("span", { className: `tool-call-status-icon ${borderClass}`, children: hasFailed ? /* @__PURE__ */ jsxs12("svg", { className: "tool-call-status-icon__inner tool-call-status-icon__inner--error", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [
+      /* @__PURE__ */ jsx15("line", { x1: "5", y1: "5", x2: "11", y2: "11" }),
+      /* @__PURE__ */ jsx15("line", { x1: "11", y1: "5", x2: "5", y2: "11" })
+    ] }) : /* @__PURE__ */ jsx15("svg", { className: "tool-call-status-icon__inner tool-call-status-icon__inner--success", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx15("polyline", { points: "4,8 7,11 12,5" }) }) });
   };
   return /* @__PURE__ */ jsxs12("div", { className: `tool-call-item ${className}`, children: [
     /* @__PURE__ */ jsxs12("div", { className: "tool-call-header", children: [
@@ -9189,9 +9223,9 @@ function ToolCallDisplay({ toolPart, className = "" }) {
       /* @__PURE__ */ jsxs12("span", { className: "tool-call-label", children: [
         isLoading ? "Calling" : "Called",
         " ",
-        /* @__PURE__ */ jsx14("code", { children: toolName })
+        /* @__PURE__ */ jsx15("code", { children: toolName })
       ] }),
-      canExpand && /* @__PURE__ */ jsx14(
+      canExpand && /* @__PURE__ */ jsx15(
         "button",
         {
           className: "tool-call-toggle",
@@ -9200,12 +9234,12 @@ function ToolCallDisplay({ toolPart, className = "" }) {
           children: isExpanded ? "HIDE" : "SHOW"
         }
       ),
-      isDenied && /* @__PURE__ */ jsx14("span", { className: "tool-call-error", children: "DENIED" }),
-      hasError && /* @__PURE__ */ jsx14("span", { className: "tool-call-error", children: "ERROR" })
+      isDenied && /* @__PURE__ */ jsx15("span", { className: "tool-call-error", children: "DENIED" }),
+      hasError && /* @__PURE__ */ jsx15("span", { className: "tool-call-error", children: "ERROR" })
     ] }),
     isExpanded && canExpand && /* @__PURE__ */ jsxs12("div", { className: "tool-call-details", children: [
-      hasInput && /* @__PURE__ */ jsx14(CollapsibleSection, { label: "IN", content: input }),
-      hasOutput && /* @__PURE__ */ jsx14(CollapsibleSection, { label: "OUT", content: output })
+      hasInput && /* @__PURE__ */ jsx15(CollapsibleSection, { label: "IN", content: input }),
+      hasOutput && /* @__PURE__ */ jsx15(CollapsibleSection, { label: "OUT", content: output })
     ] })
   ] });
 }
@@ -9240,7 +9274,7 @@ function createSDKWidget(widget) {
 var createWidget = (widget) => widget;
 
 // lib/chat/components/WidgetRenderer.tsx
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function renderError(container, message) {
   container.innerHTML = "";
   const errorDiv = document.createElement("div");
@@ -9398,7 +9432,7 @@ To fix, add your ReactDOM to the widget config:
         sendMessage,
         sendStructuredMessage
       });
-      return /* @__PURE__ */ jsx15(Fragment4, { children: element });
+      return /* @__PURE__ */ jsx16(Fragment5, { children: element });
     } catch (error) {
       console.error(`SDK widget "${widget.widgetType}" render threw:`, error);
       const errorMessage = error instanceof Error ? error.message : String(error);
@@ -9408,19 +9442,19 @@ To fix, add your ReactDOM to the widget config:
       ] });
     }
   }
-  return /* @__PURE__ */ jsx15("div", { ref: containerRef, className: "widget-customer-root" });
+  return /* @__PURE__ */ jsx16("div", { ref: containerRef, className: "widget-customer-root" });
 }
 
 // lib/chat/renderers/MessageRenderer.tsx
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function FormattedMarkdownComponent({ children }) {
   const MarkdownComponent = ReactMarkdown;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     MarkdownComponent,
     {
       remarkPlugins: [remarkGfm],
       components: {
-        a: ({ children: children2, href, ...props }) => /* @__PURE__ */ jsx16("a", { href, target: "_blank", rel: "noopener noreferrer", ...props, children: children2 })
+        a: ({ children: children2, href, ...props }) => /* @__PURE__ */ jsx17("a", { href, target: "_blank", rel: "noopener noreferrer", ...props, children: children2 })
       },
       children: children.replace(/\n\n/gi, "\n\n \n\n")
     }
@@ -9460,10 +9494,10 @@ function MessageRenderer({
       if (part.type === "text") {
         const trimmed = part.text?.trim();
         if (!trimmed) return null;
-        return /* @__PURE__ */ jsx16("div", { className: "chat-widget__markdown", children: /* @__PURE__ */ jsx16(FormattedMarkdown, { children: trimmed }) }, key);
+        return /* @__PURE__ */ jsx17("div", { className: "chat-widget__markdown", children: /* @__PURE__ */ jsx17(FormattedMarkdown, { children: trimmed }) }, key);
       }
       if (part.type.startsWith("tool-") || part.type === "dynamic-tool") {
-        return /* @__PURE__ */ jsx16(ToolCallDisplay, { toolPart: part }, key);
+        return /* @__PURE__ */ jsx17(ToolCallDisplay, { toolPart: part }, key);
       }
       if (part.type === "data-ui") {
         const dataPart = part;
@@ -9476,7 +9510,7 @@ function MessageRenderer({
             "]"
           ] }, key);
         }
-        return /* @__PURE__ */ jsx16(React5.Fragment, { children: uiWidgets.map((widget, idx) => {
+        return /* @__PURE__ */ jsx17(React5.Fragment, { children: uiWidgets.map((widget, idx) => {
           const widgetDef = widgets.find((w) => w.widgetType === widget.widgetType);
           if (!widgetDef) {
             return /* @__PURE__ */ jsxs14("span", { children: [
@@ -9485,12 +9519,12 @@ function MessageRenderer({
               "]"
             ] }, `${key}-widget-${idx}`);
           }
-          return /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx17(
             "div",
             {
               className: "chat-widget__widget",
               inert: readonly ? true : void 0,
-              children: /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsx17(
                 WidgetRenderer,
                 {
                   widget: widgetDef,
@@ -9515,7 +9549,7 @@ function MessageRenderer({
   const renderGroup = useCallback6(
     (groupName, key, children) => {
       const isExpanded = tagExpansion?.state.get(key) ?? true;
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TagGroupDisplay,
         {
           tagId: groupName,
@@ -9528,9 +9562,9 @@ function MessageRenderer({
     },
     [tagExpansion]
   );
-  const DisplayMode = displayMode === "brief" ? BriefDisplayMode : FullDisplayMode;
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    /* @__PURE__ */ jsx16("div", { className, children: /* @__PURE__ */ jsx16(
+  const DisplayMode = displayMode === "brief" ? BriefDisplayMode : displayMode === "hide-tools" ? HideToolsDisplayMode : FullDisplayMode;
+  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsx17("div", { className, children: /* @__PURE__ */ jsx17(
       DisplayMode,
       {
         sections: message.sections,
@@ -9539,7 +9573,7 @@ function MessageRenderer({
         renderGroup
       }
     ) }),
-    !readonly && feedback && /* @__PURE__ */ jsx16(
+    !readonly && feedback && /* @__PURE__ */ jsx17(
       MessageFeedback,
       {
         messageId: message.id,
@@ -9554,7 +9588,7 @@ function MessageRenderer({
 }
 
 // lib/chat/ChatWidget.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var classNames2 = {
   container: "chat-widget",
   header: "chat-widget__header",
@@ -10017,7 +10051,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
       style: themeVariables,
       "data-chat-widget": "",
       children: [
-        title && /* @__PURE__ */ jsx17("div", { className: classNames2.header, children: /* @__PURE__ */ jsx17("h3", { className: classNames2.headerTitle, children: title }) }),
+        title && /* @__PURE__ */ jsx18("div", { className: classNames2.header, children: /* @__PURE__ */ jsx18("h3", { className: classNames2.headerTitle, children: title }) }),
         /* @__PURE__ */ jsxs15(
           "div",
           {
@@ -10029,21 +10063,21 @@ var ChatWidget = forwardRef(function ChatWidget2({
                 const isUser = message.role === "user";
                 const isLastMessage = index === messages.length - 1;
                 const showFeedback = feedbackEnabled && !isUser && !(status === "streaming" && isLastMessage);
-                return /* @__PURE__ */ jsx17("div", { className: classNames2.messageWrapper, children: /* @__PURE__ */ jsx17(
+                return /* @__PURE__ */ jsx18("div", { className: classNames2.messageWrapper, children: /* @__PURE__ */ jsx18(
                   "div",
                   {
                     className: cn(
                       classNames2.messageRow,
                       isUser ? classNames2.userMessageRow : classNames2.assistantMessageRow
                     ),
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx18(
                       "div",
                       {
                         className: cn(
                           classNames2.messageBubble,
                           isUser ? classNames2.userMessage : classNames2.assistantMessage
                         ),
-                        children: /* @__PURE__ */ jsx17(
+                        children: /* @__PURE__ */ jsx18(
                           MessageRenderer,
                           {
                             message,
@@ -10078,17 +10112,17 @@ var ChatWidget = forwardRef(function ChatWidget2({
                   }
                 ) }, message.id);
               }),
-              status === "streaming" && /* @__PURE__ */ jsx17("div", { className: classNames2.loadingContainer, children: /* @__PURE__ */ jsx17("div", { className: classNames2.loadingBubble, children: /* @__PURE__ */ jsxs15("div", { className: classNames2.loadingDots, children: [
-                /* @__PURE__ */ jsx17("div", { className: classNames2.loadingDot }),
-                /* @__PURE__ */ jsx17("div", { className: classNames2.loadingDot, "data-delay": "1" }),
-                /* @__PURE__ */ jsx17("div", { className: classNames2.loadingDot, "data-delay": "2" })
+              status === "streaming" && /* @__PURE__ */ jsx18("div", { className: classNames2.loadingContainer, children: /* @__PURE__ */ jsx18("div", { className: classNames2.loadingBubble, children: /* @__PURE__ */ jsxs15("div", { className: classNames2.loadingDots, children: [
+                /* @__PURE__ */ jsx18("div", { className: classNames2.loadingDot }),
+                /* @__PURE__ */ jsx18("div", { className: classNames2.loadingDot, "data-delay": "1" }),
+                /* @__PURE__ */ jsx18("div", { className: classNames2.loadingDot, "data-delay": "2" })
               ] }) }) }),
-              /* @__PURE__ */ jsx17("div", { ref: messagesEndRef })
+              /* @__PURE__ */ jsx18("div", { ref: messagesEndRef })
             ]
           }
         ),
-        /* @__PURE__ */ jsx17("div", { className: classNames2.inputContainer, children: /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: classNames2.inputForm, children: [
-          /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("div", { className: classNames2.inputContainer, children: /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: classNames2.inputForm, children: [
+          /* @__PURE__ */ jsx18(
             "textarea",
             {
               ref: textareaRef,
@@ -10101,7 +10135,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
               className: classNames2.textarea
             }
           ),
-          /* @__PURE__ */ jsx17("div", { className: classNames2.toolbar, children: speechEnabled && /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("div", { className: classNames2.toolbar, children: speechEnabled && /* @__PURE__ */ jsx18(
             SpeechToTextButton,
             {
               className: classNames2.micButton,
@@ -10115,25 +10149,25 @@ var ChatWidget = forwardRef(function ChatWidget2({
               onListeningChange: setIsMicActive
             }
           ) }),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
               onClick: status === "streaming" ? stop : handleSendMessage,
               disabled: status === "streaming" ? false : !input.trim() || isInputDisabled,
               className: classNames2.submitButton,
-              children: status === "streaming" ? /* @__PURE__ */ jsx17(StopCircle, { className: classNames2.sendIcon }) : /* @__PURE__ */ jsx17(Send, { className: classNames2.sendIcon })
+              children: status === "streaming" ? /* @__PURE__ */ jsx18(StopCircle, { className: classNames2.sendIcon }) : /* @__PURE__ */ jsx18(Send, { className: classNames2.sendIcon })
             }
           )
         ] }) }),
-        pendingToolOutput && /* @__PURE__ */ jsx17(
+        pendingToolOutput && /* @__PURE__ */ jsx18(
           InputFormOverlay,
           {
             args: pendingToolOutput.args,
             onComplete: handleToolOutput
           }
         ),
-        pendingToolApproval && /* @__PURE__ */ jsx17(
+        pendingToolApproval && /* @__PURE__ */ jsx18(
           ToolApprovalOverlay,
           {
             approval: pendingToolApproval,
@@ -10154,7 +10188,7 @@ styleInject(".chat-popup__anchor {\n  position: fixed;\n  inset-block-end: 20px;
 // lib/chat/PopupChatWidget.tsx
 import { MessageSquare as MessageSquare2, X } from "lucide-react";
 import { useEffect as useEffect7, useMemo as useMemo6, useState as useState10 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function PopupChatWidget({ anchor, ...props }) {
   const [isOpen, setIsOpen] = useState10(anchor?.initiallyOpen ?? false);
   const [hasOpened, setHasOpened] = useState10(anchor?.initiallyOpen ?? false);
@@ -10238,7 +10272,7 @@ function PopupChatWidget({ anchor, ...props }) {
     };
   }, [props.popupSize]);
   return /* @__PURE__ */ jsxs16("div", { style: themeStyle, children: [
-    /* @__PURE__ */ jsx18("div", { className: cn("chat-popup__anchor", anchorPositionClass), children: anchor?.render ? anchor.render({ isOpen: openResolved, toggle: handleToggle }) : !openResolved && /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsx19("div", { className: cn("chat-popup__anchor", anchorPositionClass), children: anchor?.render ? anchor.render({ isOpen: openResolved, toggle: handleToggle }) : !openResolved && /* @__PURE__ */ jsxs16(
       "button",
       {
         type: "button",
@@ -10247,12 +10281,12 @@ function PopupChatWidget({ anchor, ...props }) {
         "aria-expanded": isOpen,
         "aria-label": anchor?.label ?? "Open chat",
         children: [
-          /* @__PURE__ */ jsx18(MessageSquare2, { className: "chat-popup__anchor-icon" }),
-          /* @__PURE__ */ jsx18("span", { children: anchor?.label ?? "Chat" })
+          /* @__PURE__ */ jsx19(MessageSquare2, { className: "chat-popup__anchor-icon" }),
+          /* @__PURE__ */ jsx19("span", { children: anchor?.label ?? "Chat" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       "div",
       {
         className: cn(
@@ -10261,26 +10295,26 @@ function PopupChatWidget({ anchor, ...props }) {
           openResolved ? "chat-popup__panel--open" : "chat-popup__panel--closed"
         ),
         children: /* @__PURE__ */ jsxs16("div", { className: "chat-popup__panel-inner", style: popupStyle, children: [
-          showClose && /* @__PURE__ */ jsx18(
+          showClose && /* @__PURE__ */ jsx19(
             "div",
             {
               className: cn(
                 "chat-popup__close",
                 closeConfig?.position === "top-start" ? "chat-popup__close--start" : "chat-popup__close--end"
               ),
-              children: closeConfig?.render ? closeConfig.render({ toggle: handleToggle }) : /* @__PURE__ */ jsx18(
+              children: closeConfig?.render ? closeConfig.render({ toggle: handleToggle }) : /* @__PURE__ */ jsx19(
                 "button",
                 {
                   type: "button",
                   className: "chat-popup__close-button",
                   onClick: handleToggle,
                   "aria-label": "Close chat",
-                  children: /* @__PURE__ */ jsx18(X, { className: "chat-popup__close-icon" })
+                  children: /* @__PURE__ */ jsx19(X, { className: "chat-popup__close-icon" })
                 }
               )
             }
           ),
-          hasOpened && /* @__PURE__ */ jsx18(
+          hasOpened && /* @__PURE__ */ jsx19(
             ChatWidget,
             {
               ...props,
@@ -10300,7 +10334,7 @@ import z10 from "zod";
 import { MessageSquare as MessageSquare3, MessageSquareText as MessageSquareText2, ThumbsDown as ThumbsDown2, ThumbsUp as ThumbsUp2 } from "lucide-react";
 import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef6, useState as useState11 } from "react";
 import z9 from "zod";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var vendorCardsHybridSchema = z9.object({
   fromLocation: z9.string().describe("The location the user is searching from"),
   fromCoordinates: z9.object({
@@ -10414,12 +10448,12 @@ function HybridVendorCards({
     return miles < 0.1 ? "< 0.1 mi" : `${miles.toFixed(1)} mi`;
   };
   if (!serverEnriched || !serverEnriched.vendorDetails) {
-    return /* @__PURE__ */ jsx19("div", { children: "Loading vendor details..." });
+    return /* @__PURE__ */ jsx20("div", { children: "Loading vendor details..." });
   }
   const vendorData = serverEnriched.vendorDetails?.data ?? {};
   const distances = distanceMatrix?.data ?? [];
   return /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-    loadingDistance && /* @__PURE__ */ jsx19("style", { children: `@keyframes hybrid-vendor-cards-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }` }),
+    loadingDistance && /* @__PURE__ */ jsx20("style", { children: `@keyframes hybrid-vendor-cards-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }` }),
     payload.vendors.map((v, index) => {
       const data = vendorData[v.vendor_id];
       const name23 = data?.names?.[0]?.value ?? "Unknown";
@@ -10451,8 +10485,8 @@ function HybridVendorCards({
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ jsx19("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ jsx19("div", { style: {
+            /* @__PURE__ */ jsx20("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx20("div", { style: {
                 width: "2rem",
                 height: "2rem",
                 borderRadius: "9999px",
@@ -10464,29 +10498,29 @@ function HybridVendorCards({
                 fontSize: "0.875rem",
                 color: "#374151"
               }, children: name23.charAt(0).toUpperCase() }),
-              /* @__PURE__ */ jsx19("span", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827" }, children: name23 })
+              /* @__PURE__ */ jsx20("span", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827" }, children: name23 })
             ] }) }),
             (reviewCount != null || cnScore != null) && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", color: "#6b7280" }, children: [
-              avgRating != null && /* @__PURE__ */ jsxs17(Fragment6, { children: [
-                /* @__PURE__ */ jsx19("span", { style: { color: "#facc15" }, children: "\u2605" }),
-                /* @__PURE__ */ jsx19("span", { children: avgRating.toFixed(1) }),
+              avgRating != null && /* @__PURE__ */ jsxs17(Fragment7, { children: [
+                /* @__PURE__ */ jsx20("span", { style: { color: "#facc15" }, children: "\u2605" }),
+                /* @__PURE__ */ jsx20("span", { children: avgRating.toFixed(1) }),
                 reviewCount != null && /* @__PURE__ */ jsxs17("span", { style: { color: "#9ca3af" }, children: [
                   "(",
                   reviewCount,
                   " reviews)"
                 ] })
               ] }),
-              avgRating != null && cnScore != null ? /* @__PURE__ */ jsx19("span", { style: { color: "#9ca3af" }, children: "\u2022" }) : null,
+              avgRating != null && cnScore != null ? /* @__PURE__ */ jsx20("span", { style: { color: "#9ca3af" }, children: "\u2022" }) : null,
               cnScore != null ? /* @__PURE__ */ jsxs17("span", { children: [
                 "CN Score: ",
                 cnScore
               ] }) : null
             ] }),
-            careLocationType && /* @__PURE__ */ jsx19("div", { style: { color: "#6b7280" }, children: careLocationType }),
-            address && /* @__PURE__ */ jsx19("div", { style: { color: "#6b7280" }, children: address }),
-            /* @__PURE__ */ jsx19("div", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280", minHeight: "1.25rem" }, children: loadingDistance ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
-              /* @__PURE__ */ jsx19("span", { children: "\u{1F4CD}" }),
-              /* @__PURE__ */ jsx19("span", { style: {
+            careLocationType && /* @__PURE__ */ jsx20("div", { style: { color: "#6b7280" }, children: careLocationType }),
+            address && /* @__PURE__ */ jsx20("div", { style: { color: "#6b7280" }, children: address }),
+            /* @__PURE__ */ jsx20("div", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280", minHeight: "1.25rem" }, children: loadingDistance ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
+              /* @__PURE__ */ jsx20("span", { children: "\u{1F4CD}" }),
+              /* @__PURE__ */ jsx20("span", { style: {
                 width: "100px",
                 height: "0.875rem",
                 background: "linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)",
@@ -10494,8 +10528,8 @@ function HybridVendorCards({
                 animation: "hybrid-vendor-cards-shimmer 1.5s infinite",
                 borderRadius: "0.25rem"
               } })
-            ] }) : distance ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
-              /* @__PURE__ */ jsx19("span", { children: "\u{1F4CD}" }),
+            ] }) : distance ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
+              /* @__PURE__ */ jsx20("span", { children: "\u{1F4CD}" }),
               /* @__PURE__ */ jsxs17("span", { children: [
                 distance,
                 " from ",
@@ -10503,7 +10537,7 @@ function HybridVendorCards({
               ] })
             ] }) : null }),
             hourlyRate && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#6b7280" }, children: [
-              /* @__PURE__ */ jsx19("span", { children: "\u{1F4B0}" }),
+              /* @__PURE__ */ jsx20("span", { children: "\u{1F4B0}" }),
               /* @__PURE__ */ jsxs17("span", { children: [
                 "Rate: $",
                 hourlyRate,
@@ -10511,9 +10545,9 @@ function HybridVendorCards({
               ] })
             ] }),
             v.notes && /* @__PURE__ */ jsxs17("div", { style: { color: "#374151", marginTop: "0.4rem" }, children: [
-              /* @__PURE__ */ jsx19("span", { style: { marginRight: "0.25rem" }, children: "\u2728" }),
-              /* @__PURE__ */ jsx19("strong", { children: "Recommendation notes" }),
-              /* @__PURE__ */ jsx19("div", { style: { marginLeft: "1.25rem", marginTop: "0.25rem", color: "#6b7280" }, children: v.notes })
+              /* @__PURE__ */ jsx20("span", { style: { marginRight: "0.25rem" }, children: "\u2728" }),
+              /* @__PURE__ */ jsx20("strong", { children: "Recommendation notes" }),
+              /* @__PURE__ */ jsx20("div", { style: { marginLeft: "1.25rem", marginTop: "0.25rem", color: "#6b7280" }, children: v.notes })
             ] }),
             (() => {
               const state = getFeedbackState(v.vendor_id);
@@ -10541,7 +10575,7 @@ function HybridVendorCards({
                   handleFeedback(v.vendor_id, { comment: trimmedComment, vendorId: v.vendor_id, vendorName: name23 });
                 }
               };
-              return /* @__PURE__ */ jsxs17(Fragment6, { children: [
+              return /* @__PURE__ */ jsxs17(Fragment7, { children: [
                 /* @__PURE__ */ jsxs17("div", { style: {
                   display: "flex",
                   flexWrap: "wrap",
@@ -10550,11 +10584,11 @@ function HybridVendorCards({
                   minHeight: "1.75rem"
                 }, children: [
                   verification?.verified && /* @__PURE__ */ jsxs17("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#22c55e", fontSize: "0.75rem" }, children: [
-                    /* @__PURE__ */ jsx19("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
+                    /* @__PURE__ */ jsx20("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
                     " Wellthy Verified"
                   ] }),
                   hasBackgroundCheck && /* @__PURE__ */ jsxs17("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem", color: "#22c55e", fontSize: "0.75rem" }, children: [
-                    /* @__PURE__ */ jsx19("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
+                    /* @__PURE__ */ jsx20("span", { style: { fontSize: "0.875rem" }, children: "\u2713" }),
                     " Background check"
                   ] }),
                   messageContext && /* @__PURE__ */ jsxs17("div", { style: {
@@ -10563,7 +10597,7 @@ function HybridVendorCards({
                     gap: "0.25rem",
                     alignItems: "center"
                   }, children: [
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "button",
                       {
                         onClick: () => handleRatingClick("positive"),
@@ -10581,10 +10615,10 @@ function HybridVendorCards({
                           height: "1.75rem"
                         },
                         title: "This vendor was helpful",
-                        children: /* @__PURE__ */ jsx19(ThumbsUp2, { style: { width: "1rem", height: "1rem" } })
+                        children: /* @__PURE__ */ jsx20(ThumbsUp2, { style: { width: "1rem", height: "1rem" } })
                       }
                     ),
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "button",
                       {
                         onClick: () => handleRatingClick("negative"),
@@ -10602,13 +10636,13 @@ function HybridVendorCards({
                           height: "1.75rem"
                         },
                         title: "This vendor was not helpful",
-                        children: /* @__PURE__ */ jsx19(ThumbsDown2, { style: { width: "1rem", height: "1rem" } })
+                        children: /* @__PURE__ */ jsx20(ThumbsDown2, { style: { width: "1rem", height: "1rem" } })
                       }
                     ),
                     (() => {
                       const hasComment = !!state.commentText?.trim();
                       const CommentIcon = hasComment ? MessageSquareText2 : MessageSquare3;
-                      return /* @__PURE__ */ jsx19(
+                      return /* @__PURE__ */ jsx20(
                         "button",
                         {
                           onClick: handleCommentToggle,
@@ -10626,13 +10660,13 @@ function HybridVendorCards({
                             height: "1.75rem"
                           },
                           title: hasComment ? "Edit comment" : "Add comment",
-                          children: /* @__PURE__ */ jsx19(CommentIcon, { style: { width: "1rem", height: "1rem" } })
+                          children: /* @__PURE__ */ jsx20(CommentIcon, { style: { width: "1rem", height: "1rem" } })
                         }
                       );
                     })()
                   ] })
                 ] }),
-                state.showComment && /* @__PURE__ */ jsx19("div", { style: {
+                state.showComment && /* @__PURE__ */ jsx20("div", { style: {
                   position: "absolute",
                   bottom: 0,
                   left: 0,
@@ -10643,7 +10677,7 @@ function HybridVendorCards({
                   padding: "0.75rem 1rem",
                   boxShadow: "0 -2px 8px rgba(0, 0, 0, 0.1)"
                 }, children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "0.5rem", alignItems: "flex-start" }, children: [
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx20(
                     "textarea",
                     {
                       placeholder: "Share your thoughts about this vendor...",
@@ -10663,7 +10697,7 @@ function HybridVendorCards({
                     }
                   ),
                   /* @__PURE__ */ jsxs17("div", { style: { display: "flex", flexDirection: "column", gap: "0.375rem" }, children: [
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "button",
                       {
                         onClick: handleCommentSubmit,
@@ -10682,7 +10716,7 @@ function HybridVendorCards({
                         children: "Save"
                       }
                     ),
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "button",
                       {
                         onClick: handleCommentToggle,
@@ -10713,7 +10747,7 @@ function HybridVendorCards({
 // lib/chat/widgets/VendorCards.tsx
 import { MessageSquare as MessageSquare4, MessageSquareText as MessageSquareText3, ThumbsDown as ThumbsDown3, ThumbsUp as ThumbsUp3 } from "lucide-react";
 import React9 from "react";
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var vendorCardsSchema = jsonSchema({
   type: "object",
   description: "displaying a list of vendor cards. Use this widget to represent data from CareNetwork vendor search tool.",
@@ -10759,7 +10793,7 @@ var vendorCardsSchema = jsonSchema({
 });
 
 // lib/chat/widgets/default-widgets.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var defaultChatWidgets = [
   createSDKWidget({
     widgetType: "person-card",
@@ -10768,7 +10802,7 @@ var defaultChatWidgets = [
       photoUri: z10.string().optional().describe("URL to a photo of the person"),
       details: z10.record(z10.string(), z10.any()).optional()
     }).describe("showing a person card with name, photo and additional details"),
-    render: (payload) => /* @__PURE__ */ jsx21(
+    render: (payload) => /* @__PURE__ */ jsx22(
       "div",
       {
         style: {
@@ -10782,7 +10816,7 @@ var defaultChatWidgets = [
           boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"
         },
         children: /* @__PURE__ */ jsxs19("div", { style: { display: "flex", alignItems: "flex-start", gap: "0.75rem" }, children: [
-          payload.photoUri && /* @__PURE__ */ jsx21(
+          payload.photoUri && /* @__PURE__ */ jsx22(
             "img",
             {
               src: payload.photoUri,
@@ -10798,13 +10832,13 @@ var defaultChatWidgets = [
             }
           ),
           /* @__PURE__ */ jsxs19("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx21("div", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827", marginBottom: "0.25rem" }, children: payload.name }),
-            payload.details ? /* @__PURE__ */ jsx21("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: Object.entries(payload.details).map(([key, value]) => /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: "0.5rem", fontSize: "0.875rem" }, children: [
+            /* @__PURE__ */ jsx22("div", { style: { fontWeight: 600, fontSize: "1rem", color: "#111827", marginBottom: "0.25rem" }, children: payload.name }),
+            payload.details ? /* @__PURE__ */ jsx22("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: Object.entries(payload.details).map(([key, value]) => /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: "0.5rem", fontSize: "0.875rem" }, children: [
               /* @__PURE__ */ jsxs19("span", { style: { color: "#6b7280", fontWeight: 500, minWidth: "fit-content" }, children: [
                 key,
                 ":"
               ] }),
-              /* @__PURE__ */ jsx21("span", { style: { color: "#374151" }, children: String(value) })
+              /* @__PURE__ */ jsx22("span", { style: { color: "#374151" }, children: String(value) })
             ] }, key)) }) : null
           ] })
         ] })
@@ -10817,7 +10851,7 @@ var defaultChatWidgets = [
       uri: z10.string().url(),
       text: z10.string().optional()
     }).describe("rendering a clickable link"),
-    render: (payload) => /* @__PURE__ */ jsx21(
+    render: (payload) => /* @__PURE__ */ jsx22(
       "a",
       {
         href: payload.uri,
@@ -10868,7 +10902,7 @@ var getVendorCardsWidget = (isProd) => {
         }
       },
       // Client-side: fetch distance matrix progressively
-      render: (payload, enriched, { messageContext, invokeTool }) => /* @__PURE__ */ jsx21(
+      render: (payload, enriched, { messageContext, invokeTool }) => /* @__PURE__ */ jsx22(
         HybridVendorCards,
         {
           payload,
@@ -10887,6 +10921,8 @@ export {
   ChatWidget,
   FullDisplayMode,
   FullDisplayMode as FullRenderer,
+  HideToolsDisplayMode,
+  HideToolsDisplayMode as HideToolsRenderer,
   MessageRenderer,
   PopupChatWidget,
   SDK_WIDGET_MARKER,