@usecrow/ui 0.1.70 → 0.1.72

package/dist/index.d.cts

@@ -941,6 +941,11 @@ interface UseCopilotStylesResult {
         name: string;
         provider: "OpenAI" | "Anthropic";
     }>;
+    /** Initial suggestion buttons from product config */
+    initialSuggestions: Array<{
+        label: string;
+        message: string;
+    }>;
     /** Refetch styles from API */
     refetch: () => Promise<void>;
 }

package/dist/index.d.ts

@@ -941,6 +941,11 @@ interface UseCopilotStylesResult {
         name: string;
         provider: "OpenAI" | "Anthropic";
     }>;
+    /** Initial suggestion buttons from product config */
+    initialSuggestions: Array<{
+        label: string;
+        message: string;
+    }>;
     /** Refetch styles from API */
     refetch: () => Promise<void>;
 }

package/dist/index.js

@@ -1759,6 +1759,9 @@ function useCopilotStyles({
   const [availableModels, setAvailableModels] = useState(
     styleCache.get(key)?.availableModels || []
   );
+  const [initialSuggestions, setInitialSuggestions] = useState(
+    styleCache.get(key)?.initialSuggestions || []
+  );
   const hasFetchedRef = useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1778,6 +1781,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)));
@@ -1799,6 +1803,7 @@ function useCopilotStyles({
       setSelectedModel(cached.model ?? void 0);
       setModelSelectionEnabled(cached.modelSelectionEnabled || false);
       setAvailableModels(cached.availableModels || []);
+      setInitialSuggestions(cached.initialSuggestions || []);
       setIsLoading(false);
       return;
     }
@@ -1820,6 +1825,7 @@ function useCopilotStyles({
     toolConsentSettings,
     modelSelectionEnabled,
     availableModels,
+    initialSuggestions,
     refetch: fetchStyles
   };
 }
@@ -2406,7 +2412,7 @@ function ShadowContainer({
       document.removeEventListener("keydown", protectFocus, { capture: true });
     };
   }, [shadowRoot]);
-  return /* @__PURE__ */ jsx("div", { ref: hostRef, id: hostId, className: hostClassName, children: shadowRoot && createPortal(
+  return /* @__PURE__ */ jsx("div", { ref: hostRef, id: hostId, className: hostClassName, style: { height: "100%" }, children: shadowRoot && createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("style", { children: styles }),
       children
@@ -5166,15 +5172,30 @@ function CopilotContainer({
   }, [currentWidth]);
   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]);
   useEffect(() => {
     window.crowCopilot = {
       open: () => setIsOpen(true),
@@ -5330,7 +5351,8 @@ function CrowCopilot({
     selectedModel,
     toolConsentSettings,
     modelSelectionEnabled,
-    availableModels: availableModelsFromAPI
+    availableModels: availableModelsFromAPI,
+    initialSuggestions
   } = useCopilotStyles({
     productId,
     apiUrl,
@@ -5512,6 +5534,11 @@ function CrowCopilot({
       window.removeEventListener("crow:setSuggestedActions", handleSetSuggestions);
     };
   }, []);
+  useEffect(() => {
+    if (initialSuggestions.length > 0 && chat.suggestedActions.length === 0) {
+      chat.setSuggestedActions(initialSuggestions);
+    }
+  }, [initialSuggestions]);
   const messagesContainerRef = useRef(null);
   const tabsScrollRef = useRef(null);
   const executeClientToolRef = useRef(null);