@btst/stack 4.2.0 → 4.4.0

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-interface.cjs

@@ -21,6 +21,7 @@ const chatHooks = require('../hooks/chat-hooks.cjs');
 const plugins_aiChat_client_context_pageAiContext = require('../../../../../../../plugins/ai-chat/client/context/page-ai-context.cjs');
 const chatAnalytics = require('../context/chat-analytics.cjs');
 const navigation = require('../navigation.cjs');
+const contextCheckpoint = require('../context-checkpoint.cjs');
 
 function reconcilePersistedMessageIds(messages, persistedMessages) {
   const userMessages = messages.filter((message) => message.role === "user");
@@ -208,6 +209,9 @@ function ChatInterface({
   const latestStreamRequestGeneration = React.useRef(0);
   const pendingStreamRequests = React.useRef([]);
   const latestMessages = React.useRef([]);
+  const contextCheckpoint$1 = React.useRef(void 0);
+  const submittedMessages = React.useRef([]);
+  const [isCompacting, setIsCompacting] = React.useState(false);
   const conversationsListQueryKey = React.useMemo(() => {
     if (isPublicMode) return ["ai-chat", "disabled"];
     const client$1 = client.createApiClient({
@@ -307,6 +311,7 @@ function ChatInterface({
           pendingStreamRequests.current.push(request);
           activeStreamPartitionKey.current = request.identityPartitionKey;
         }
+        setIsCompacting(false);
         const currentPageContext = pageAIContextRef.current;
         const pageContextBody = currentPageContext?.pageDescription ? {
           pageContext: currentPageContext.pageDescription,
@@ -319,18 +324,20 @@ function ChatInterface({
           if (newUserMessage) {
             messagesToSend.push(newUserMessage);
           }
+          submittedMessages.current = messagesToSend;
           editMessagesRef.current = null;
           return {
             body: {
-              messages: messagesToSend,
+              ...isPublicMode ? contextCheckpoint.contextRequest(messagesToSend, contextCheckpoint$1.current) : { messages: messagesToSend },
               conversationId: conversationIdRef.current,
               ...pageContextBody
             }
           };
         }
+        submittedMessages.current = hookMessages;
         return {
           body: {
-            messages: hookMessages,
+            ...isPublicMode ? contextCheckpoint.contextRequest(hookMessages, contextCheckpoint$1.current) : { messages: hookMessages },
             conversationId: conversationIdRef.current,
             ...pageContextBody
           }
@@ -374,6 +381,20 @@ function ChatInterface({
   } = react.useChat({
     id: `${chatInstanceId}:${isPublicMode ? "public" : identitySessionVersion}`,
     transport,
+    onData: ({ type, data }) => {
+      if (!isPublicMode || !mounted.current || !data || typeof data !== "object")
+        return;
+      if (type === "data-context-status" && "compacting" in data) {
+        setIsCompacting(data.compacting === true);
+      }
+      if (type === "data-context-checkpoint" && "summary" in data && "throughMessageId" in data && typeof data.summary === "string" && typeof data.throughMessageId === "string") {
+        contextCheckpoint$1.current = contextCheckpoint.captureContextCheckpoint(
+          submittedMessages.current,
+          data.summary,
+          data.throughMessageId
+        );
+      }
+    },
     // Automatically resubmit after all client-side tool results are provided
     sendAutomaticallyWhen: (options) => mounted.current && (isPublicMode || identitySessionVersion === identitySessionGeneration.current) && ai.lastAssistantMessageIsCompleteWithToolCalls(options),
     onToolCall: async ({ toolCall }) => {
@@ -424,6 +445,7 @@ function ChatInterface({
       }
     },
     onError: (err) => {
+      setIsCompacting(false);
       if (!mounted.current) return;
       console.error("useChat onError:", err);
       if (!isPublicMode && identitySessionVersion !== identitySessionGeneration.current) {
@@ -437,6 +459,7 @@ function ChatInterface({
       trackFailure();
     },
     onFinish: async (completion) => {
+      setIsCompacting(false);
       if (!mounted.current || !isPublicMode && identitySessionVersion !== identitySessionGeneration.current)
         return;
       if (completion?.isError || completion?.isDisconnect) trackFailure();
@@ -932,7 +955,19 @@ function ChatInterface({
                 },
                 m.id || `msg-${index}`
               )),
-              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
+              isLoading && isCompacting && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "status",
+                  className: "text-muted-foreground text-sm py-4",
+                  children: tr(
+                    "CHAT_COMPACTING",
+                    "aiChat.chat.compacting",
+                    "Summarizing earlier conversation\u2026"
+                  )
+                }
+              ),
+              isLoading && !isCompacting && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
               (error || historySyncError) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: tr(
                   "CHAT_ERROR",

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

@@ -19,6 +19,7 @@ import { useAiChatIdentityPartition, useConversation, useConversations } from '.
 import { usePageAIContext } from '../../../../../../../plugins/ai-chat/client/context/page-ai-context.mjs';
 import { useChatAnalytics } from '../context/chat-analytics.mjs';
 import { navigateAiChatCrossOrigin } from '../navigation.mjs';
+import { contextRequest, captureContextCheckpoint } from '../context-checkpoint.mjs';
 
 function reconcilePersistedMessageIds(messages, persistedMessages) {
   const userMessages = messages.filter((message) => message.role === "user");
@@ -206,6 +207,9 @@ function ChatInterface({
   const latestStreamRequestGeneration = useRef(0);
   const pendingStreamRequests = useRef([]);
   const latestMessages = useRef([]);
+  const contextCheckpoint = useRef(void 0);
+  const submittedMessages = useRef([]);
+  const [isCompacting, setIsCompacting] = useState(false);
   const conversationsListQueryKey = useMemo(() => {
     if (isPublicMode) return ["ai-chat", "disabled"];
     const client = createApiClient({
@@ -305,6 +309,7 @@ function ChatInterface({
           pendingStreamRequests.current.push(request);
           activeStreamPartitionKey.current = request.identityPartitionKey;
         }
+        setIsCompacting(false);
         const currentPageContext = pageAIContextRef.current;
         const pageContextBody = currentPageContext?.pageDescription ? {
           pageContext: currentPageContext.pageDescription,
@@ -317,18 +322,20 @@ function ChatInterface({
           if (newUserMessage) {
             messagesToSend.push(newUserMessage);
           }
+          submittedMessages.current = messagesToSend;
           editMessagesRef.current = null;
           return {
             body: {
-              messages: messagesToSend,
+              ...isPublicMode ? contextRequest(messagesToSend, contextCheckpoint.current) : { messages: messagesToSend },
               conversationId: conversationIdRef.current,
               ...pageContextBody
             }
           };
         }
+        submittedMessages.current = hookMessages;
         return {
           body: {
-            messages: hookMessages,
+            ...isPublicMode ? contextRequest(hookMessages, contextCheckpoint.current) : { messages: hookMessages },
             conversationId: conversationIdRef.current,
             ...pageContextBody
           }
@@ -372,6 +379,20 @@ function ChatInterface({
   } = useChat({
     id: `${chatInstanceId}:${isPublicMode ? "public" : identitySessionVersion}`,
     transport,
+    onData: ({ type, data }) => {
+      if (!isPublicMode || !mounted.current || !data || typeof data !== "object")
+        return;
+      if (type === "data-context-status" && "compacting" in data) {
+        setIsCompacting(data.compacting === true);
+      }
+      if (type === "data-context-checkpoint" && "summary" in data && "throughMessageId" in data && typeof data.summary === "string" && typeof data.throughMessageId === "string") {
+        contextCheckpoint.current = captureContextCheckpoint(
+          submittedMessages.current,
+          data.summary,
+          data.throughMessageId
+        );
+      }
+    },
     // Automatically resubmit after all client-side tool results are provided
     sendAutomaticallyWhen: (options) => mounted.current && (isPublicMode || identitySessionVersion === identitySessionGeneration.current) && lastAssistantMessageIsCompleteWithToolCalls(options),
     onToolCall: async ({ toolCall }) => {
@@ -422,6 +443,7 @@ function ChatInterface({
       }
     },
     onError: (err) => {
+      setIsCompacting(false);
       if (!mounted.current) return;
       console.error("useChat onError:", err);
       if (!isPublicMode && identitySessionVersion !== identitySessionGeneration.current) {
@@ -435,6 +457,7 @@ function ChatInterface({
       trackFailure();
     },
     onFinish: async (completion) => {
+      setIsCompacting(false);
       if (!mounted.current || !isPublicMode && identitySessionVersion !== identitySessionGeneration.current)
         return;
       if (completion?.isError || completion?.isDisconnect) trackFailure();
@@ -930,7 +953,19 @@ function ChatInterface({
                 },
                 m.id || `msg-${index}`
               )),
-              isLoading && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
+              isLoading && isCompacting && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "status",
+                  className: "text-muted-foreground text-sm py-4",
+                  children: tr(
+                    "CHAT_COMPACTING",
+                    "aiChat.chat.compacting",
+                    "Summarizing earlier conversation\u2026"
+                  )
+                }
+              ),
+              isLoading && !isCompacting && messages[messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground text-sm py-4", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse", children: tr("CHAT_LOADING", "aiChat.chat.loading", "Thinking...") }) }),
               (error || historySyncError) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-destructive text-sm py-4 px-3 bg-destructive/10 rounded-md", children: [
                 /* @__PURE__ */ jsx("span", { className: "flex-1", children: tr(
                   "CHAT_ERROR",

package/dist/packages/stack/src/plugins/ai-chat/client/components/chat-layout.cjs

@@ -3,6 +3,8 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
+const ReactDOM = require('react-dom');
+const dialog = require('../../../../../../ui/src/components/dialog.cjs');
 const button = require('../../../../../../ui/src/components/button.cjs');
 const badge = require('../../../../../../ui/src/components/badge.cjs');
 const sheet = require('../../../../../../ui/src/components/sheet.cjs');
@@ -36,14 +38,44 @@ function ChatLayoutContent(props) {
   const resolvedMode = overrides.resolveAiChatMode(plugins?.aiChat?.config);
   const showSidebar = requestedShowSidebar && resolvedMode !== "public";
   const tr = index.useAiChatTranslation(localization);
-  const widgetHeight = props.layout === "widget" ? props.widgetHeight ?? "min(600px, calc(100dvh - 112px))" : void 0;
-  const widgetWidth = props.layout === "widget" ? props.widgetWidth ?? "min(380px, calc(100vw - 32px))" : void 0;
+  const widgetHeight = props.layout === "widget" ? props.widgetHeight ?? "min(640px, calc(100dvh - 112px))" : void 0;
+  const widgetWidth = props.layout === "widget" ? props.widgetWidth ?? "min(440px, calc(100vw - 32px))" : void 0;
   const defaultOpen = props.layout === "widget" ? props.defaultOpen ?? false : false;
   const showTrigger = props.layout === "widget" ? props.showTrigger ?? true : true;
+  const triggerIcon = props.layout === "widget" ? props.triggerIcon : void 0;
   const [sidebarOpen, setSidebarOpen] = React.useState(true);
   const [mobileSidebarOpen, setMobileSidebarOpen] = React.useState(false);
   const [chatResetKey, setChatResetKey] = React.useState(0);
   const [widgetOpen, setWidgetOpen] = React.useState(defaultOpen);
+  const [expanded, setExpanded] = React.useState(false);
+  const expandable = props.layout === "widget" && props.expandable === true;
+  const widgetExpanded = expandable && expanded && widgetOpen;
+  React.useEffect(() => {
+    if (!expandable) setExpanded(false);
+  }, [expandable]);
+  const compactPanelRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const expandRef = React.useRef(null);
+  const [panelContainer, setPanelContainer] = React.useState(
+    null
+  );
+  const expandLabel = widgetExpanded ? tr("A11Y_COLLAPSE_CHAT", "aiChat.a11y.collapseChat", "Collapse chat") : tr("A11Y_EXPAND_CHAT", "aiChat.a11y.expandChat", "Expand chat");
+  React.useEffect(() => {
+    if (layout !== "widget") return;
+    const container = document.createElement("div");
+    container.className = "flex h-full min-h-0 flex-col";
+    compactPanelRef.current?.appendChild(container);
+    setPanelContainer(container);
+    return () => container.remove();
+  }, [layout]);
+  const mountExpandedPanel = React.useCallback(
+    (node) => {
+      if (panelContainer) {
+        (node ?? compactPanelRef.current)?.appendChild(panelContainer);
+      }
+    },
+    [panelContainer]
+  );
   const [widgetResetKey, setWidgetResetKey] = React.useState(0);
   const [widgetEverOpened, setWidgetEverOpened] = React.useState(defaultOpen);
   const [tipDismissed, setTipDismissed] = React.useState(defaultOpen);
@@ -121,97 +153,166 @@ function ChatLayoutContent(props) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
+              ref: compactPanelRef,
+              role: "dialog",
+              tabIndex: -1,
+              "aria-label": tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat"),
+              className: utils.cn(
+                "overflow-hidden rounded-xl border bg-background shadow-xl",
+                (!widgetOpen || widgetExpanded) && "hidden"
+              ),
+              style: { height: widgetHeight, width: widgetWidth }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: widgetExpanded, onOpenChange: setExpanded, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            dialog.DialogContent,
+            {
+              showCloseButton: false,
+              style: {
+                ...style,
+                position: "fixed",
+                inset: 0,
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                width: "100vw",
+                height: "100dvh",
+                minWidth: 0,
+                minHeight: 0,
+                maxWidth: "none",
+                maxHeight: "none",
+                margin: 0,
+                transform: "none",
+                translate: "none",
+                zIndex: 50,
+                animation: "none"
+              },
+              "aria-describedby": void 0,
               className: utils.cn(
-                "flex flex-col border rounded-xl overflow-hidden bg-background shadow-xl",
-                widgetOpen ? "flex" : "hidden"
+                className,
+                classNames?.container,
+                "fixed inset-0 z-50 flex h-dvh w-screen max-w-none translate-x-0 translate-y-0 flex-col gap-0 rounded-none border-0 p-0 sm:max-w-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]"
               ),
-              style: { height: widgetHeight, width: widgetWidth },
+              onCloseAutoFocus: (event) => {
+                const target = widgetOpen ? expandRef.current ?? compactPanelRef.current : triggerRef.current;
+                if (target) {
+                  event.preventDefault();
+                  target.focus();
+                }
+              },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
-                  pageAIContext ? /* @__PURE__ */ jsxRuntime.jsx(
-                    badge.Badge,
-                    {
-                      variant: "secondary",
-                      className: "text-xs",
-                      "data-testid": "page-context-badge",
-                      children: pageAIContext.routeName
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-5 w-5",
-                      onClick: () => {
-                        track({ type: "conversation_cleared" });
-                        onClear?.();
-                        setWidgetResetKey((prev) => prev + 1);
-                      },
-                      "aria-label": tr(
-                        "A11Y_CLEAR_CHAT",
-                        "aiChat.a11y.clearChat",
-                        "Clear chat"
-                      ),
-                      title: tr(
-                        "A11Y_CLEAR_CHAT",
-                        "aiChat.a11y.clearChat",
-                        "Clear chat"
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-5 w-5",
-                      onClick: () => {
-                        setWidgetOpen(false);
-                        track({ type: "widget_closed" });
-                      },
-                      "aria-label": tr(
-                        "A11Y_CLOSE_CHAT",
-                        "aiChat.a11y.closeChat",
-                        "Close chat"
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
-                    }
-                  )
-                ] }),
-                widgetEverOpened && /* @__PURE__ */ jsxRuntime.jsx(
-                  chatInterface.ChatInterface,
-                  {
-                    id: conversationId,
-                    variant: "widget",
-                    initialMessages,
-                    onMessagesChange
-                  },
-                  `widget-${conversationId ?? "new"}-${widgetResetKey}`
-                )
+                /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "sr-only", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { ref: mountExpandedPanel, className: "min-h-0 flex-1" })
               ]
             }
+          ) }),
+          panelContainer && ReactDOM.createPortal(
+            /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1.5 px-3 py-1.5 border-b bg-muted/40", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-3 w-3 text-muted-foreground" }),
+                pageAIContext ? /* @__PURE__ */ jsxRuntime.jsx(
+                  badge.Badge,
+                  {
+                    variant: "secondary",
+                    className: "text-xs",
+                    "data-testid": "page-context-badge",
+                    children: pageAIContext.routeName
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: tr("A11Y_CHAT_TITLE", "aiChat.a11y.title", "AI Chat") }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+                expandable && /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7",
+                    ref: expandRef,
+                    onClick: () => setExpanded((prev) => !prev),
+                    "aria-label": expandLabel,
+                    title: expandLabel,
+                    "aria-expanded": widgetExpanded,
+                    children: widgetExpanded ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Minimize2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Maximize2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-5 w-5",
+                    onClick: () => {
+                      track({ type: "conversation_cleared" });
+                      onClear?.();
+                      setWidgetResetKey((prev) => prev + 1);
+                    },
+                    "aria-label": tr(
+                      "A11Y_CLEAR_CHAT",
+                      "aiChat.a11y.clearChat",
+                      "Clear chat"
+                    ),
+                    title: tr(
+                      "A11Y_CLEAR_CHAT",
+                      "aiChat.a11y.clearChat",
+                      "Clear chat"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-5 w-5",
+                    onClick: () => {
+                      setWidgetOpen(false);
+                      setExpanded(false);
+                      triggerRef.current?.focus();
+                      track({ type: "widget_closed" });
+                    },
+                    "aria-label": tr(
+                      "A11Y_CLOSE_CHAT",
+                      "aiChat.a11y.closeChat",
+                      "Close chat"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] }),
+              widgetEverOpened && /* @__PURE__ */ jsxRuntime.jsx(
+                chatInterface.ChatInterface,
+                {
+                  id: conversationId,
+                  variant: "widget",
+                  initialMessages,
+                  onMessagesChange
+                },
+                `widget-${conversationId ?? "new"}-${widgetResetKey}`
+              )
+            ] }),
+            panelContainer
           ),
           showTrigger && /* @__PURE__ */ jsxRuntime.jsx(
             button.Button,
             {
+              ref: triggerRef,
               size: "icon",
               className: "h-12 w-12 rounded-full shadow-lg",
               onClick: () => {
                 dismissTip("open");
                 track({ type: widgetOpen ? "widget_closed" : "widget_opened" });
                 setWidgetOpen((prev) => !prev);
+                setExpanded(false);
                 setWidgetEverOpened(true);
               },
               "aria-label": widgetOpen ? tr("A11Y_CLOSE_CHAT", "aiChat.a11y.closeChat", "Close chat") : tr("A11Y_OPEN_CHAT", "aiChat.a11y.openChat", "Open chat"),
               "data-testid": "widget-trigger",
-              children: widgetOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-5 w-5" })
+              children: widgetOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" }) : triggerIcon ?? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Sparkles, { className: "h-5 w-5" })
             }
           )
         ]