@usecrow/ui 0.1.76 → 0.1.78

package/dist/index.cjs

@@ -4745,7 +4745,7 @@ function CrowWidget({
   const [onboardingChecked, setOnboardingChecked] = React3.useState(false);
   const [onboardingPhase, setOnboardingPhase] = React3.useState("intro");
   React3.useEffect(() => {
-    if (forceOnboarding && !isLoadingStyles && onboardingEnabled && !onboardingChecked) {
+    if (!isLoadingStyles && !onboardingChecked && (forceOnboarding || onboardingEnabled)) {
       setIsOnboarding(true);
       setOnboardingChecked(true);
     }
@@ -4996,6 +4996,7 @@ function CrowWidget({
     }
     if (prevOnboardingRef.current && !isOnboarding) {
       chat.resetMessages();
+      endWorkflow(0);
     }
     prevOnboardingRef.current = isOnboarding;
   }, [isOnboarding]);
@@ -5369,7 +5370,7 @@ function CrowWidget({
           onClose: handleCloseConversationList
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeWorkflow && /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeWorkflow && !isOnboarding && /* @__PURE__ */ jsxRuntime.jsx(
         WorkflowPanel,
         {
           workflow: activeWorkflow,
@@ -5844,8 +5845,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;
@@ -5877,10 +5878,11 @@ function CrowCopilot({
   });
   const agentName = agentNameProp ?? agentNameFromAPI ?? title;
   const [isOnboarding, setIsOnboarding] = React3.useState(false);
+  const [isFullscreenOnboarding, setIsFullscreenOnboarding] = React3.useState(true);
   const [onboardingChecked, setOnboardingChecked] = React3.useState(false);
   const [onboardingPhase, setOnboardingPhase] = React3.useState("intro");
   React3.useEffect(() => {
-    if (forceOnboarding && !isLoadingStyles && onboardingEnabled && !onboardingChecked) {
+    if (!isLoadingStyles && !onboardingChecked && (forceOnboarding || onboardingEnabled)) {
       setIsOnboarding(true);
       setOnboardingChecked(true);
     }
@@ -6310,9 +6312,11 @@ function CrowCopilot({
   React3.useEffect(() => {
     if (isOnboarding && !prevOnboardingRef.current) {
       chat.setSuggestedActions([]);
+      chat.resetMessages();
     }
     if (prevOnboardingRef.current && !isOnboarding) {
       chat.resetMessages();
+      endWorkflow(0);
     }
     prevOnboardingRef.current = isOnboarding;
   }, [isOnboarding]);
@@ -6622,7 +6626,7 @@ function CrowCopilot({
     checkTabsOverflow();
   }, [tabs.length, checkTabsOverflow]);
   const widthStyle = typeof width === "number" ? `${width}px` : width;
-  const renderCopilotContent = (overrideOnClose, forceShowClose, overrideWidth) => /* @__PURE__ */ jsxRuntime.jsx(
+  const renderCopilotContent = (overrideOnClose, forceShowClose, overrideWidth, hideBorder) => /* @__PURE__ */ jsxRuntime.jsx(
     CopilotStyleProvider,
     {
       styles,
@@ -6631,7 +6635,7 @@ function CrowCopilot({
       children: /* @__PURE__ */ jsxRuntime.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,
@@ -6664,17 +6668,30 @@ function CrowCopilot({
                   style: { borderColor: styles.colors.border },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "crow-text-[13px] crow-font-semibold", style: { color: styles.colors.text }, children: onboardingAgentName || agentName }),
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "crow-flex crow-items-center crow-gap-1", children: [
+                      mode === "fullscreen" && isFullscreenOnboarding && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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"
+                        }
+                      )
+                    ] })
                   ]
                 }
               ),
@@ -6915,7 +6932,7 @@ function CrowCopilot({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeWorkflow && /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeWorkflow && !isOnboarding && /* @__PURE__ */ jsxRuntime.jsx(
                 WorkflowPanel,
                 {
                   workflow: activeWorkflow,
@@ -7003,6 +7020,27 @@ function CrowCopilot({
     }
   );
   const floatingWidth = typeof width === "number" ? width : parseInt(String(width), 10) || 400;
+  if (mode === "fullscreen" && isOnboarding && isFullscreenOnboarding) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ShadowContainer, { styles: WIDGET_CSS, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ShadowContainer, { styles: WIDGET_CSS, children: /* @__PURE__ */ jsxRuntime.jsx(
       CopilotContainer,