@usecrow/ui 0.1.77 → 0.1.79

package/dist/index.d.cts

@@ -535,7 +535,7 @@ interface CrowCopilotProps {
      */
     mode?: "sidebar" | "fullscreen";
 }
-declare function CrowCopilot({ productId, apiUrl, subdomain, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, navigate, onToolResult, toolRenderers, getIdentityToken, context, language, contextLabel: contextLabelProp, forceOnboarding, fullscreenTopOffset: _fullscreenTopOffset, mode: _mode, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, subdomain, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, navigate, onToolResult, toolRenderers, getIdentityToken, context, language, contextLabel: contextLabelProp, forceOnboarding, fullscreenTopOffset, mode, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowOnboardingProps {
     /** Product ID */

package/dist/index.d.ts

@@ -535,7 +535,7 @@ interface CrowCopilotProps {
      */
     mode?: "sidebar" | "fullscreen";
 }
-declare function CrowCopilot({ productId, apiUrl, subdomain, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, navigate, onToolResult, toolRenderers, getIdentityToken, context, language, contextLabel: contextLabelProp, forceOnboarding, fullscreenTopOffset: _fullscreenTopOffset, mode: _mode, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, subdomain, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, navigate, onToolResult, toolRenderers, getIdentityToken, context, language, contextLabel: contextLabelProp, forceOnboarding, fullscreenTopOffset, mode, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowOnboardingProps {
     /** Product ID */

package/dist/index.js

@@ -4880,8 +4880,11 @@ function CrowWidget({
     wasLoadingRef.current = chat.isLoading;
   }, [chat.isLoading, chat.messages]);
   useEffect(() => {
-    if (!isOnboarding && initialSuggestions.length > 0 && chat.suggestedActions.length === 0) {
-      chat.setSuggestedActions(initialSuggestions);
+    if (!isOnboarding && initialSuggestions.length > 0) {
+      defaultSuggestedActionsRef.current = initialSuggestions;
+      if (chat.suggestedActions.length === 0) {
+        chat.setSuggestedActions(initialSuggestions);
+      }
     }
   }, [initialSuggestions, isOnboarding]);
   useEffect(() => {
@@ -5818,8 +5821,8 @@ function CrowCopilot({
   language,
   contextLabel: contextLabelProp,
   forceOnboarding = false,
-  fullscreenTopOffset: _fullscreenTopOffset = 0,
-  mode: _mode
+  fullscreenTopOffset = 0,
+  mode
 }) {
   const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
   const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
@@ -5851,6 +5854,7 @@ function CrowCopilot({
   });
   const agentName = agentNameProp ?? agentNameFromAPI ?? title;
   const [isOnboarding, setIsOnboarding] = useState(false);
+  const [isFullscreenOnboarding, setIsFullscreenOnboarding] = useState(true);
   const [onboardingChecked, setOnboardingChecked] = useState(false);
   const [onboardingPhase, setOnboardingPhase] = useState("intro");
   useEffect(() => {
@@ -6284,6 +6288,7 @@ function CrowCopilot({
   useEffect(() => {
     if (isOnboarding && !prevOnboardingRef.current) {
       chat.setSuggestedActions([]);
+      chat.resetMessages();
     }
     if (prevOnboardingRef.current && !isOnboarding) {
       chat.resetMessages();
@@ -6597,7 +6602,7 @@ function CrowCopilot({
     checkTabsOverflow();
   }, [tabs.length, checkTabsOverflow]);
   const widthStyle = typeof width === "number" ? `${width}px` : width;
-  const renderCopilotContent = (overrideOnClose, forceShowClose, overrideWidth) => /* @__PURE__ */ jsx(
+  const renderCopilotContent = (overrideOnClose, forceShowClose, overrideWidth, hideBorder) => /* @__PURE__ */ jsx(
     CopilotStyleProvider,
     {
       styles,
@@ -6606,7 +6611,7 @@ function CrowCopilot({
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `crow-flex crow-flex-col crow-h-full ${position === "left" ? "crow-border-r" : "crow-border-l"} ${className || ""}`,
+          className: `crow-flex crow-flex-col crow-h-full ${hideBorder ? "" : position === "left" ? "crow-border-r" : "crow-border-l"} ${className || ""}`,
           style: {
             width: overrideWidth ? typeof overrideWidth === "number" ? `${overrideWidth}px` : overrideWidth : widthStyle,
             fontFamily: styles.typography.fontFamily,
@@ -6639,17 +6644,30 @@ function CrowCopilot({
                   style: { borderColor: styles.colors.border },
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "crow-text-[13px] crow-font-semibold", style: { color: styles.colors.text }, children: onboardingAgentName || agentName }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        onClick: () => {
-                          setIsOnboarding(false);
-                        },
-                        className: "crow-text-xs crow-border-none crow-bg-transparent crow-cursor-pointer crow-px-2 crow-py-1",
-                        style: { color: styles.colors.text + "60" },
-                        children: "Skip"
-                      }
-                    )
+                    /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-gap-1", children: [
+                      mode === "fullscreen" && isFullscreenOnboarding && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: () => {
+                            setIsFullscreenOnboarding(false);
+                          },
+                          className: "crow-text-xs crow-border-none crow-bg-transparent crow-cursor-pointer crow-px-2 crow-py-1",
+                          style: { color: styles.colors.text + "60" },
+                          children: "Minimize"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: () => {
+                            setIsOnboarding(false);
+                          },
+                          className: "crow-text-xs crow-border-none crow-bg-transparent crow-cursor-pointer crow-px-2 crow-py-1",
+                          style: { color: styles.colors.text + "60" },
+                          children: "Skip"
+                        }
+                      )
+                    ] })
                   ]
                 }
               ),
@@ -6978,6 +6996,27 @@ function CrowCopilot({
     }
   );
   const floatingWidth = typeof width === "number" ? width : parseInt(String(width), 10) || 400;
+  if (mode === "fullscreen" && isOnboarding && isFullscreenOnboarding) {
+    return /* @__PURE__ */ jsx(ShadowContainer, { styles: WIDGET_CSS, children: /* @__PURE__ */ jsx("div", { style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100vw",
+      height: "100vh",
+      zIndex: 2147483647,
+      background: styles.colors.background || "#ffffff",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      paddingTop: fullscreenTopOffset || 0
+    }, children: /* @__PURE__ */ jsx("div", { style: {
+      width: "100%",
+      maxWidth: 760,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    }, children: renderCopilotContent(void 0, false, "100%", true) }) }) });
+  }
   if (variant === "floating") {
     return /* @__PURE__ */ jsx(ShadowContainer, { styles: WIDGET_CSS, children: /* @__PURE__ */ jsx(
       CopilotContainer,