@usecrow/ui 0.1.70 → 0.1.72

package/dist/index.cjs

@@ -1786,6 +1786,9 @@ function useCopilotStyles({
   const [availableModels, setAvailableModels] = React3.useState(
     styleCache.get(key)?.availableModels || []
   );
+  const [initialSuggestions, setInitialSuggestions] = React3.useState(
+    styleCache.get(key)?.initialSuggestions || []
+  );
   const hasFetchedRef = React3.useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1805,6 +1808,7 @@ function useCopilotStyles({
       setToolConsentSettings(config.toolConsentSettings || {});
       setModelSelectionEnabled(config.modelSelectionEnabled || false);
       setAvailableModels(config.availableModels || []);
+      setInitialSuggestions(config.initialSuggestions || []);
     } catch (err) {
       console.error("[CrowCopilot] Failed to fetch styles:", err);
       setError(err instanceof Error ? err : new Error(String(err)));
@@ -1826,6 +1830,7 @@ function useCopilotStyles({
       setSelectedModel(cached.model ?? void 0);
       setModelSelectionEnabled(cached.modelSelectionEnabled || false);
       setAvailableModels(cached.availableModels || []);
+      setInitialSuggestions(cached.initialSuggestions || []);
       setIsLoading(false);
       return;
     }
@@ -1847,6 +1852,7 @@ function useCopilotStyles({
     toolConsentSettings,
     modelSelectionEnabled,
     availableModels,
+    initialSuggestions,
     refetch: fetchStyles
   };
 }
@@ -2433,7 +2439,7 @@ function ShadowContainer({
       document.removeEventListener("keydown", protectFocus, { capture: true });
     };
   }, [shadowRoot]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: hostRef, id: hostId, className: hostClassName, children: shadowRoot && reactDom.createPortal(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: hostRef, id: hostId, className: hostClassName, style: { height: "100%" }, children: shadowRoot && reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("style", { children: styles }),
       children
@@ -5193,15 +5199,30 @@ function CopilotContainer({
   }, [currentWidth]);
   React3.useEffect(() => {
     const className = `crow-copilot-open-${position}`;
+    const marginProp = position === "right" ? "margin-right" : "margin-left";
+    const widthVal = `var(--crow-copilot-width, ${currentWidth}px)`;
     if (isOpen) {
       document.body.classList.add(className);
+      document.body.style.setProperty(marginProp, widthVal, "important");
+      document.body.style.setProperty(
+        "width",
+        `calc(100% - ${widthVal})`,
+        "important"
+      );
+      document.body.style.setProperty("overflow-x", "hidden", "important");
     } else {
       document.body.classList.remove(className);
+      document.body.style.removeProperty(marginProp);
+      document.body.style.removeProperty("width");
+      document.body.style.removeProperty("overflow-x");
     }
     return () => {
       document.body.classList.remove(className);
+      document.body.style.removeProperty(marginProp);
+      document.body.style.removeProperty("width");
+      document.body.style.removeProperty("overflow-x");
     };
-  }, [isOpen, position]);
+  }, [isOpen, position, currentWidth]);
   React3.useEffect(() => {
     window.crowCopilot = {
       open: () => setIsOpen(true),
@@ -5357,7 +5378,8 @@ function CrowCopilot({
     selectedModel,
     toolConsentSettings,
     modelSelectionEnabled,
-    availableModels: availableModelsFromAPI
+    availableModels: availableModelsFromAPI,
+    initialSuggestions
   } = useCopilotStyles({
     productId,
     apiUrl,
@@ -5539,6 +5561,11 @@ function CrowCopilot({
       window.removeEventListener("crow:setSuggestedActions", handleSetSuggestions);
     };
   }, []);
+  React3.useEffect(() => {
+    if (initialSuggestions.length > 0 && chat.suggestedActions.length === 0) {
+      chat.setSuggestedActions(initialSuggestions);
+    }
+  }, [initialSuggestions]);
   const messagesContainerRef = React3.useRef(null);
   const tabsScrollRef = React3.useRef(null);
   const executeClientToolRef = React3.useRef(null);