@usecrow/ui 0.1.76 → 0.1.78

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

@@ -4718,7 +4718,7 @@ function CrowWidget({
   const [onboardingChecked, setOnboardingChecked] = useState(false);
   const [onboardingPhase, setOnboardingPhase] = useState("intro");
   useEffect(() => {
-    if (forceOnboarding && !isLoadingStyles && onboardingEnabled && !onboardingChecked) {
+    if (!isLoadingStyles && !onboardingChecked && (forceOnboarding || onboardingEnabled)) {
       setIsOnboarding(true);
       setOnboardingChecked(true);
     }
@@ -4969,6 +4969,7 @@ function CrowWidget({
     }
     if (prevOnboardingRef.current && !isOnboarding) {
       chat.resetMessages();
+      endWorkflow(0);
     }
     prevOnboardingRef.current = isOnboarding;
   }, [isOnboarding]);
@@ -5342,7 +5343,7 @@ function CrowWidget({
           onClose: handleCloseConversationList
         }
       ) }),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: activeWorkflow && /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: activeWorkflow && !isOnboarding && /* @__PURE__ */ jsx(
         WorkflowPanel,
         {
           workflow: activeWorkflow,
@@ -5817,8 +5818,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;
@@ -5850,10 +5851,11 @@ 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(() => {
-    if (forceOnboarding && !isLoadingStyles && onboardingEnabled && !onboardingChecked) {
+    if (!isLoadingStyles && !onboardingChecked && (forceOnboarding || onboardingEnabled)) {
       setIsOnboarding(true);
       setOnboardingChecked(true);
     }
@@ -6283,9 +6285,11 @@ function CrowCopilot({
   useEffect(() => {
     if (isOnboarding && !prevOnboardingRef.current) {
       chat.setSuggestedActions([]);
+      chat.resetMessages();
     }
     if (prevOnboardingRef.current && !isOnboarding) {
       chat.resetMessages();
+      endWorkflow(0);
     }
     prevOnboardingRef.current = isOnboarding;
   }, [isOnboarding]);
@@ -6595,7 +6599,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,
@@ -6604,7 +6608,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,
@@ -6637,17 +6641,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"
+                        }
+                      )
+                    ] })
                   ]
                 }
               ),
@@ -6888,7 +6905,7 @@ function CrowCopilot({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx(AnimatePresence, { children: activeWorkflow && /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(AnimatePresence, { children: activeWorkflow && !isOnboarding && /* @__PURE__ */ jsx(
                 WorkflowPanel,
                 {
                   workflow: activeWorkflow,
@@ -6976,6 +6993,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,